<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		    .button {
						padding: 15px;
						background-image: linear-gradient(#FC6E51, #FFF);
						background-size: auto 200%;
						background-position: 0 100%;
						transition: background-position 0.5s;
					}
		 
					.button:hover {
						background-position: 0 0;
					}
		</style>
	</head>
	<body>
	    <div class="button">盒子</div>
	</body>
</html>
